@charset "utf-8";
.fl{float:left}.fr{float:right}.clear{clear:both;width:0;height:0;margin:0;padding:0}
.red-word{color:#f23030}.gray-word{color:#999999}.black-word{color:#000}
.line-t{text-decoration:line-through}
.integral-part{padding-top:1.95rem}
.integral-01{width:100%;height:7.3rem;background: url(../images/integral/background.png) center no-repeat;background-size:100% 100%;position:relative}
.integral-01 .account-image{height:3.5rem;;position:absolute;top:50%;margin-top:-1.75rem;left:8px;}
.integral-01 .account-image img{width:3.3rem;height:3.3rem;border-radius:50px;overflow:hidden;border:#fff solid 2px;float:left}
.image-shadow{-moz-box-shadow:8px 8px 16px rgba(242,48,48,.4); -webkit-box-shadow:8px 8px 16px rgba(242,48,48,.4); box-shadow:8px 8px 16px rgba(242,48,48,.4);}
.image-shadow-s{-moz-box-shadow:2px 2px 16px rgba(242,48,48,.4); -webkit-box-shadow:2px 2px 16px rgba(242,48,48,.4); box-shadow:2px 2px 16px rgba(242,48,48,.4);}
.integral-01 .account-image div.fl{margin-left:14px}
.integral-01 .account-image div.fl h1{color:#fff;font-weight:bold;font-size:0.8rem;margin-top:0.9rem}
span.level{width:auto;height:18px;padding:3px 5px 0; background:#f23030;color:#fff; display:inline-block;font-size:0.5rem;border-radius:4px;margin-left:4px;transform:translateY(-2px);}
.integral-01 .account-image div.fl h2{color:#fff;font-size:0.6rem;margin-top:0.25rem}
.integral-01 a.integral-cart{display:block;width:100px;height:39px;background: url(../images/integral/cart.png) center no-repeat;background-size:100% 100%;position: absolute;right:8px;top:50%;margin-top:-20px;}
.integral-01 a.integral-cart span{width:13px;height:13px;display:block; background:url(../images/integral/cart-point.png) center no-repeat;background-size:100% 100%;position:absolute;right:0;top:2px}
.integral-01 .record{color:#000;font-size:0.6rem;position:absolute;bottom:12px;right:8px}
.integral-data{display:block;width:100%;background:#fff;padding:12px 0;height:37px;margin-bottom:8px}
.integral-data li{width:33.1%;float:left;height:37px;border-left:#e1e1e1 solid 1px}
.integral-data li:first-child{border-left:none}
.integral-data li h1{color:#808080;font-size:0.8rem;text-align:center;}
.integral-data li h2{color:#4c4c4c;font-size:0.4rem;text-align:center;margin-top:3px}
.integral-02 .top-link{display:inline-block;width:100%;height:auto}
.integral-02 .top-link img{width:100%;height:auto}
.integral-02 .integral-list li{margin-bottom:8px}
.integral-02 .integral-list li .top-title{padding:10px 0;background:#fff;height:16px;border-bottom:#e1e1e1 solid 1px}
.integral-02 .integral-list li .top-title h1{font-size:0.5rem;padding-left:8px}
.integral-02 .integral-list li .top-title h2{font-size:0.5rem;padding-right:8px}
.integral-02 .integral-list li .top-content{padding:8px 0;height:4.65rem;background:#fff;border-bottom:#e1e1e1 solid 1px;position:relative}
.integral-02 .integral-list li .top-content img{width:4.6rem;height:4.6rem;margin-left:8px}
.integral-02 .integral-list li .top-content div.fl{margin-left:16px}
.integral-02 .integral-list li .top-content div.fl span{font-size:0.5rem;display: block;margin-top:0;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;width:10rem}
.integral-02 .integral-list li .top-content div.fl span:first-child{margin-top:0}
.integral-02 .integral-list li .top-content div.fl span b{font-size:1rem;padding-left:2px}
.integral-02 .integral-list li .top-content .integral-more{position:absolute;right:8px;bottom:0.5rem;display:block;width:54px;height:22px;background: url(../images/integral/duihuan.png) center no-repeat;background-size:100% 100%;z-index:8}
.integral-02 .integral-list li .top-content .level-b{position:absolute;right:8px;bottom:0.45rem;display:inline-block;}
.integral-02 .integral-list li .top-content .level-b i{font-size:0.5rem}

.ncp-exchangeNote{overflow-y:scroll;max-height:10.6rem}
.ncp-exchangeNote li{padding:0.4rem 0;border-top:dotted 1px #CCC;overflow:hidden;}
.ncp-exchangeNote li:first-child{border-top:none}
.ncp-exchangeNote li .user-avatar {width: 1.65rem; height: 1.65rem;padding:1px;margin-right: 0.5rem; border: solid 1px #EEE; border-radius: 20px; float: left;}
.ncp-exchangeNote li .user-avatar img { width: 1.65rem; height: 1.65rem; border-radius: 20px;}
.ncp-exchangeNote li .user-name {font-size:0.6rem;color:#000;margin-top:0.2rem}
.ncp-exchangeNote li .user-log {color:#999;font-size:0.6rem}
i.integral-record{display:block;width:0.85rem;height:0.85rem;background:url(../images/integral/integral-record.png) center no-repeat;background-size:100% 100%}
i.integral-provide{display:block;width:0.85rem;height:0.85rem;background:url(../images/integral/integral-provide.png) center no-repeat;background-size:100% 100%}
/*小于340px*/
@media screen and (max-width:360px){
	.integral-02 .integral-list li .top-content .level-b i{display:none}
	.integral-02 .integral-list li .top-content .level-b{bottom:0.35rem;}
	.integral-02 .integral-list li .top-content div.fl span{margin-top:0}
}
/*大于400px*/
@media screen and (min-width:400px){
	.integral-02 .integral-list li .top-content .level-b{bottom:0.6rem;}
}